export default {
	data() {
		return {
			responsive: 4
		}
	},
	mounted() {
		this.dynamicUpdateColumn();
		window.addEventListener('resize', () => {
			this.dynamicUpdateColumn();
		});
	},
	methods: {
		//动态修改列
		dynamicUpdateColumn() {
			let width = document.body.clientWidth;
			if (width > 2250) {
				this.responsive = 8;
			} else if (width > 1950) {
				this.responsive = 7;
			} else if (width > 1650) {
				this.responsive = 6;
			} else if (width > 1366) {
				this.responsive = 5;
			} else {
				this.responsive = 4;
			}
		}
	}
}